<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>美团</title>
    <link rel="stylesheet" href="CSS/mt.css">
    <script src="http://at.alicdn.com/t/font_2814427_rtl5zuim2sq.js"></script>
</head>
<body>
    <div class="content">
        <header class="flex between">
            <div class="flex">
                <span class="iconfont">&#xe60c;</span>
                <span class="iconfont">&#xe638;</span>
                <span class="iconfont">&#xe6d7;</span>
            </div>
            <div class="flex">
                <span class="iconfont">&#xe63c;</span>
                <span class="iconfont">&#xe96e;</span>
                <div></div>
                <p>4:37</p>
            </div>
        </header>
        <div id="head" class="flex between">
            <div>
                <p>武汉<span class="iconfont">&#xe7ac;</span></p>
                <p>晴 33℃</p>
            </div>
            <div class="flex between">
                <p><span class="iconfont">&#xe607;</span>蜜雪皇后手机点餐</p>
                <p>搜索</p>
            </div>
            <span class="iconfont">&#xe65b;</span>
        </div>
        <div id="ht" class="flex">
            <div>
                <span class="iconfont">&#xe582;</span>
                <p>扫一扫</p>
            </div>
            <div>
                <span class="iconfont">&#xe61e;</span>
                <p>收付款</p>
            </div>
            <div>
                <span class="iconfont">&#xe582;</span>
                <p>出行</p>
            </div>
            <div>
                <span class="iconfont">&#xe61e;</span>
                <p>红包/卡券</p>
            </div>
        </div>
        <div id="center">
            <div class="flex">
                <div></div>
                <p>外卖</p>
            </div>
            <div class="flex">
                <div></div>
                <p>美食</p>
            </div>
            <div class="flex">
                <div></div>
                <p>酒店/住宿</p>
            </div>
            <div class="flex">
                <div></div>
                <p>休闲/玩乐</p>
            </div>
            <div class="flex">
                <div></div>
                <p>电影/演出</p>
            </div>
            <div class="flex">
                <div></div>
                <p>打车</p>
            </div>
            <div class="flex">
                <div></div>
                <p>景点/门票</p>
            </div>
            <div class="flex">
                <div></div>
                <p>民宿/公寓</p>
            </div>
            <div class="flex">
                <div></div>
                <p>买药</p>
            </div>
            <div class="flex">
                <div></div>
                <p>火车票/机票</p>
            </div>
            <div class="flex">
                <div></div>
                <p>美团优选</p>
            </div>
            <div class="flex">
                <div></div>
                <p>免费领水果</p>
            </div>
            <div class="flex">
                <div></div>
                <p>天天领现金</p>
            </div>
            <div class="flex">
                <div></div>
                <p>按摩/足疗</p>
            </div>
            <div class="flex">
                <div></div>
                <p>跑腿</p>
            </div>
        </div>
        <div class="center">
            <ul>
                <li class="active"></li>
                <li></li>
                <li></li>
            </ul>
        </div>
        <div class="mtyx">
            <div class="head flex">
                <div class="flex">
                    <h5>美团优选</h5>
                    <p>次日</p>
                    <p>自提</p>
                </div>
                <p>附近的XXX下单了</p>
            </div>
            <div>
                <div>
                    <div class="mtyx_pic"></div>
                    <p>￥6.9</p>
                </div>
                <div>
                    <div class="mtyx_pic"></div>
                    <p>￥6.9</p>
                </div>
                <div>
                    <div class="mtyx_pic"></div>
                    <p>￥6.9</p>
                </div>
                <div>
                    <div class="mtyx_pic"></div>
                    <p>￥6.9</p>
                </div>
                <div>
                    <div class="mtyx_pic"></div>
                    <p>￥6.9</p>
                </div>
                <div>
                    <div class="mtyx_pic"></div>
                    <p>￥6.9</p>
                </div>
                <div>
                    <div class="mtyx_pic"></div>
                    <p>￥6.9</p>
                </div>
                <div>
                    <div class="mtyx_pic"></div>
                    <p>￥6.9</p>
                </div>
            </div>
        </div>
        <div class="xszx">
            <div class="head flex">
                <div class="flex">
                    <h5>学习专享</h5>
                    <p>狂享千万福利</p>
                </div>
                <p>立刻领取></p>
            </div>
            <div>
                <div>
                    <div></div>
                    <p>凤爪王烧烤·罗田</p>
                    <p>￥29</p>
                </div>
                <div>
                    <div></div>
                    <p>凤爪王烧烤·罗田</p>
                    <p>￥29</p>
                </div>
                <div>
                    <div></div>
                    <p>凤爪王烧烤·罗田</p>
                    <p>￥29</p>
                </div>
            </div>
        </div>
        <div class="container flex">
            <p>猜你喜欢</p>
            <p>今日特价</p>
            <p>发现好店</p>
        </div>
        <div class="guessu_like">
            <div class="item">
                <p>店铺介绍</p>
            </div>
            <div class="item">
                <p>店铺介绍</p>
            </div>
            <div class="item">
                <p>店铺介绍</p>
            </div>
            <div class="item">
                <p>店铺介绍</p>
            </div>
            <div class="item">
                <p>店铺介绍</p>
            </div>
            <div class="item">
                <p>店铺介绍</p>
            </div>
            <div class="item">
                <p>店铺介绍</p>
            </div>
            <div class="item">
                <p>店铺介绍</p>
            </div>
        </div>
        
        <footer class="flex">
            <div>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-meituan1"></use>
                </svg>
            </div>
            <div>
                <span class="iconfont">&#xe63f;</span>
                <p>电商</p>
            </div>
            <div>
                <span class="iconfont">&#xe744;</span>
                <p>消息</p>
            </div>
            <div>
                <span class="iconfont">&#xe60a;</span>
                <p>我的</p>
            </div>
        </footer>
    </div>
</body>
</html>